<div *ngIf="project">

  <div class="top-title">
    <a href="/"></a>
  </div>

  <!--标题-->
  <div class="top-names" style="position: relative">
    <p>{{project.name}}</p>
    <a href="/project/{{project.id}}#" id='btn-show-way' *ngIf="project.poster" (click)='changeShowWay()'>详情<img
      src='../../../assets/images/jiantou.png' id='icon-show-way' class='arrow-right'></a>
  </div>

  <!--公司-->
  <div class="company  word-detail" [ngClass]="project.poster == ''?'show':'hide'" >
    <img src='{{project.thumb}}' class="banner-img">
    <div class="company-main">
      <strong>{{project.name}}</strong>
      <p>投资金额：<span>{{project.investId | moneyPipe}}</span> 总部:<span>{{project.city}}</span></p>
      <p>{{project.company}}</p>
      <p class='hei'>品牌标签：<span><img src='../../../assets/images/xq_icon1.png'> {{project.label}}</span></p>
      <p>主营产品：<em *ngFor="let major of project.majors">{{major}}</em></p>
    </div>
  </div>

  <!--内容-->
  <div class="introduction mains word-detail" [ngClass]="project.poster == ''?'show':'hide'" >
    <p class="introduce"><span><img src="../../../assets/images/xq_icon2.png">项目简介</span></p>
    <div class='text' [innerHTML]="introduction"></div>
  </div>

  <!--加盟详情-->
  <div class="content mains  word-detail" [ngClass]="project.poster == ''?'show':'hide'" >
    <p class="introduce"><span><img src="../../../assets/images/xq_icon3.png">加盟详情</span></p>
    <div class='text' [innerHTML]="etails"></div>
  </div>

  <!--盈利分析-->
  <div class="analysis mains word-detail" [ngClass]="project.poster == ''?'show':'hide'" >
    <p class="introduce"><span><img src="../../../assets/images/xq_icon4.png">盈利分析</span></p>
    <div class='text' [innerHTML]="analysis"></div>
  </div>



  <!--海报页-->
  <div class="poster-detail" [ngClass]="project.poster == ''?'hide':'show'" [innerHTML]="project.poster" *ngIf="project.poster">
  </div>



  <!--滚动留言-->
  <div class="leave-word">
    <div class="leave-word_main">
      <p>郴州市的巴先生：初步打算加入贵公司，请寄资料。</p>
      <p>南通市的关女士：请问我这个地方有加入者了吗？</p>
      <p>重庆市的倪先生：有兴趣开一个店，请寄资料或给我打电话。</p>
      <p>南阳市的弓女士：我加盟你们可以给我详细的资料吗？</p>
      <p>郴州市的巴先生：初步打算加入贵公司，请寄资料。</p>
    </div>
    <!--锚点-->
    <div id="leave-word-anchor-point">

    </div>
  </div>

  <!--马上留言-->
  <div class="message" id="comment-iframe-write">
    <h4><img src="../../../assets/images/leave.png"/>抓住商机，马上留言</h4>
    <div class="message-main">
      <form id="message" (ngSubmit)="onSubmit(f.value)" name="myform" #f="ngForm" novalidate>
        <p>
          <span>*</span>姓名：
          <input type="text" name="name" placeholder="如张先生" class="names" [(ngModel)]="commentName"/>
        </p>
        <p class="message-name">请输入您的姓名</p>
        <p>
          <span>*</span>电话：
          <input type="number" name="phone" placeholder="136583665452" class="phone" [(ngModel)]="commentPhone"/>
        </p>
        <p class="message-phone">您输入的电话有误</p>
        <p>
          <span>*</span>内容：
          <select name="content" [(ngModel)]="commentContent">
            <option [value]="c.id" *ngFor="let c of commentContentList">{{c.name}}</option>
          </select>
        </p>
        <p class="radios">
          <span>是否咨询其他项目：</span>
          <input type="radio" class="radio" name="recommend" [(ngModel)]="recommend" value="Y" checked="checked"/>是
          <input type="radio" class="radio" name="recommend" [(ngModel)]="recommend" value="N"/>否
        </p>
        <input type="submit" value="提交" class="message-sub">
      </form>
    </div>
  </div>

  <!--联系页-->
  <div class="contact-detail" *ngIf="project.contactPoster">
    <img src="{{project.contactPoster}}" style="width: 100%">
  </div>

  <!--推送-->
  <div class="push" *ngIf="relatedProject">
    <div class="title">
      <em class="pub_x"></em>
      <img src="../../../assets/images/icon14.png">
      <span>关注了这个项目的人还关注了</span>
      <em class="pub_x"></em>
    </div>
    <ul>
      <li *ngFor="let v of relatedProject">
        <a href='/project/{{v.id}}'>
          <img src='{{v.thumb}}'>
          <strong>{{v.name}}</strong>
          <p class='txt'>{{v.label}}</p>
          <p class='main'>投资：<span>{{v.investId | moneyPipe }}</span> 总部:<span>{{v.city}}</span></p>
          <div class='label'>
            <span *ngFor="let major of v.majors">{{major}}</span>
          </div>
        </a>
      </li>
    </ul>
  </div>

  <!--底部浮动按钮-->
  <div class="ggy_fd">
    <div class="wyly">
      <a href="/project/{{project.id}}#leave-word-anchor-point">
        <img src="../../../assets/images/fd_icon3.png">我要留言
      </a>
    </div>
    <div class="zxzx" onclick="get_chat_event('advice')">
      <a class="TongbaoMobileChat2" href='javascript:void(0);'>
        <img src="../../../assets/images/fd_icon4.png">在线咨询
      </a>
    </div>
  </div>

  <div id="run_js"></div>
</div>

<!-- 其他js -->
<div id="otherClass" style="display: none"></div>
